<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no,
     initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="${ctx}/static/h5/css/public/bootstrap.min.css" type="text/css">
    <title>历程详情</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        html, body {
            font-family: "Microsoft Yahei";
            width: 100%;
            height: 100%;
            background-color: #f7f7f7;
            position: relative;
        }
        a,a:hover {
            text-decoration: none;
        }
        .process-head {
            width: 100%;
			height: 50px;
			background-color: #1b1b21;
			padding: 10px 0;
        }
		.process-head span {
			position: absolute;
			left: 30px;
			font-size: 16px;
			color: #fff;
			top: 20px;
		}
        .process-head .go-backk {
            margin: 9px 10px;
			width: 25px;
			position: absolute;
        }
        .process-head h5 {
            width: 100%;
			line-height: 40px;
			margin: 0;
			text-align: center;
			color: #fff;
			font-size: 17px;
        }
        #processDetail {
            padding: 10px;
            background-color: #fff;
        }
        #processDetail img {
            width: 90%;
            margin: 0 5%;
            height: 350px;
            margin-bottom: 5px;
            border-radius: 5px;
        }
    </style>
</head>
<body>

    <div class="process-head">
        <a href="#" onclick="window.history.back()"><img src="${ctx}/static/h5/images/back.png" class="go-backk" alt=""/><span>返回</span></a>
        <h5>历程详情</h5>
    </div>
    <div id="processDetail">
        <p>${feed.content}</p>               <!--p标签里的内容为历程描述详情-->
        <c:forEach items="${feed.picList}" var="pic">
        <img src="${pic}" alt=""/>       <!--上传的照片-->
        </c:forEach>
    </div>

</body>
<script src="${ctx}/static/h5/js/public/jquery-2.2.3.min.js"></script>
<script src="${ctx}/static/h5/js/public/bootstrap.min.js"></script>
</html>